<template>
 <div>
     <h2>我是子组件</h2>
     <hr>
     <button @click="sendData">点击传递数据</button>
 </div>
</template>

<script>
export default {
    data(){
         return{
             msgSon:'我是子组件的数据'
         }
    },
    created(){},
    methods:{
        sendData(){
            // 调用自定义事件
            this.$emit('sendData',this.msgSon)
        }
    },
    components:{}
}

</script>
<style scoped>
</style>